<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的消息 - {$config.WEB_SITE_TITLE}</title>
    <script src="__PUBLIC__/Home/js/adaptive.js"></script>
    <script src="__PUBLIC__/Home/js/device.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/con-header.css">
    <script src="__PUBLIC__/Home/js/mui.min.js"></script>
    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet"/>

    <style>
        h4,h5{margin-top: 0px;margin-bottom: 0px;}
        input::-webkit-input-placeholder,
        textarea::-webkit-input-placeholder {
            color: #9B9B9B;font-size: 0.32rem;
        }

        .content{width: 7.5rem;height: auto;margin: 0 auto;background: #f5f5f5;margin-top: 0.88rem;}
        .xiaoxi{width: 100%;height:auto;margin-top: 0.2rem;padding: 0px 0px 0px  0.3rem;background: #fff}
        .xiaoxi li{width: 100%;height: 1.3rem;border-bottom: 1px solid #DEDEDE;position: relative;padding-left: 0.5rem;}
        /*.xiaoxi li:first-child:after{content: "";background: #DEDEDE;width: 100%;height: 1px;position: absolute;bottom: 0px;}*/
        .xiaoxi li img{width: 0.7rem;height: 0.7rem;position: absolute;left: 0rem;top:0.3rem;}
        .xiaoxi li span:nth-child(2){position: absolute;top:0.2rem;color: #666;font-size: 0.34rem;left: 0.9rem; }
        .xiaoxi li span:nth-child(3){position: absolute;bottom:0.1rem;color: #666;font-size: 0.26rem;left: 0.9rem;width: 5rem;}
        .xiaoxi li time{position: absolute;top:0.1rem;right:0.1rem;color: #666;font-size: 0.26rem;}


        .xiaoxi .liuyan{border-bottom: none}
    </style>
</head>
<body>
<div class="content">
    <div class="top">
        <h4>消息</h4>
       <span class="back"></span>
    </div>


   <ul class="xiaoxi">
       <a href="#">
           <li>
               <img src="__PUBLIC__/Home/img/tonggao.png" alt="">
               <span>通告消息</span>
               <span class="danhang">用户名报名了 厦门少儿车模大赛 请及时查看用户名报名了 厦门少儿车模大赛 请及时查</span>
               <time>2018/04/30</time>
           </li>
       </a>

       <a href="#">
           <li class="liuyan">
               <img src="__PUBLIC__/Home/img/huodong.png" alt="">
               <span>活动消息</span>
               <span class="danhang">用户名报名了 厦门少儿车模大赛 请及时查看</span>
               <time>2018/04/30</time>
           </li>
       </a>
       <a href="#">
           <li class="liuyan">
               <img src="__PUBLIC__/Home/img/tongxing.png" alt="">
               <span>童星消息</span>
               <span class="danhang">用户名报名了 厦门少儿车模大赛 请及时查看</span>
               <time>2018/04/30</time>
           </li>
       </a>
       <a href="#">
           <li class="liuyan">
               <img src="__PUBLIC__/Home/img/hudong.png" alt="">
               <span>平台消息</span>
               <span class="danhang">用户名报名了 厦门少儿车模大赛 请及时查看</span>
               <time>2018/04/30</time>
           </li>
       </a>
   </ul>

</div>

<script src="__PUBLIC__/Home/js/jquery-1.11.1.js"></script>
<script>
    $(".back").click(function () {
        window.history.back(-1);
    })




</script>
</body>
</html>